// 导出一个axios的实例  而且这个实例要有请求拦截器 响应拦截器
import axios from 'axios'
import { Message, Loading } from 'element-ui'
import store from '@/store/index.js'
import { getTime, setTime } from './auth.js'
import router from '@/router/index.js'

// axios拦截器
const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API,
  // withCredentials: true, // 跨域请求
  timeout: 5000 // 请求超时
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    const load = Loading.service({ text: '加载中' })
    const { token } = store.getters
    // token 过期校验
    const isTimeOut = Date.now() - getTime() > 360000
    // 未超时
    if (!isTimeOut && token) {
      config.headers.Authorization = `Bearer ${token}` // 加入 token 请求头
      setTime() // 更新时间戳
    }
    // 超时
    setTimeout(() => load.close(), 500)
    if (isTimeOut && token) {
      store.dispatch('user/LOGOUT') // 登出操作
      router.push('/login') // 跳转到登录页
      return Promise.reject(new Error('token已超时，请重新登录'))
    }
    return config
  },
  error => {
    console.log('err：' + error) // for debug
    Message.error(error.message)
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  // 网络成功
  response => {
    const { success, message } = response.data
    console.log(message)
    // 网络成功 但 数据失败
    if (!success) {
      Message.error(message)
      return Promise.reject(new Error(message))
    }
    // 数据成功
    return response.data.data
  },
  // 网络错误
  error => {
    console.log('err：' + error) // for debug
    // token 超时
    if (
      error.response &&
      error.response.data &&
      error.response.data.code === 10002
    ) {
      store.dispatch('user/LOGOUT') // 登出操作
      router.push('/login') // 跳转到登录页
      return Promise.reject(new Error('token已超时，请重新登录'))
    } else Message.error(error.message)
    return Promise.reject(error)
  }
)
// 导出axios实例
export default service

// import axios from 'axios'
// import {
//   MessageBox,
//   Message
// } from 'element-ui'
// import store from '@/store'
// import {
//   getToken
// } from '@/utils/auth'

// // axios 拦截器
// const service = axios.create( {
//   baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
//   // withCredentials: true, // 跨域请求时发送cookie
//   timeout: 5000 // 请求超时
// } )

// // 请求拦截器
// service.interceptors.request.use(
//   config => {
//     if ( store.getters.token ) {
//       // 让每个请求都带有 token
//       // ['X-Token'] 是自定义 token
//       // 请根据实际情况修改
//       config.headers[ 'X-Token' ] = getToken()
//     }
//     return config
//   },
//   error => {
//     console.log( error ) // for debug
//     return Promise.reject( error )
//   }
// )

// // 响应拦截器
// service.interceptors.response.use(
//   /**
//    * 如果您想获得 http 信息(例如请求头信息或状态码)
//    * 请返回 return response => response
//    */

//   /**
//    * 通过自定义代码确定请求状态
//    * 例子
//    * 您也可以通过 HTTP 状态码来判断状态
//    */
//   response => {
//     const res = response.data

//     // 如果状态码不是20000，则判定为错误。
//     if ( res.code !== 20000 ) {
//       Message( {
//         message: res.message || 'Error',
//         type: 'error',
//         duration: 5 * 1000
//       } )

//       // 50008: 非法 token; 50012: 该用户在其他地方已登录; 50014: Token 过期;
//       if ( res.code === 50008 || res.code === 50012 || res.code === 50014 ) {
//         // to re-login
//         MessageBox.confirm( '您已经注销，您可以取消以留在此页面，也可以重新登录', '确认注销', {
//           confirmButtonText: '重新登陆',
//           cancelButtonText: '取消',
//           type: 'warning'
//         } ).then( () => {
//           store.dispatch( 'user/resetToken' ).then( () => {
//             location.reload()
//           } )
//         } )
//       }
//       return Promise.reject( new Error( res.message || 'Error' ) )
//     } else {
//       return res
//     }
//   },
//   error => {
//     console.log( 'err' + error ) // for debug
//     Message( {
//       message: error.message,
//       type: 'error',
//       duration: 5 * 1000
//     } )
//     return Promise.reject( error )
//   }
// )

// export default service
